<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="width=device-width,maximum-scale=1.0,user-scalable=no,initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/basse.css">
    <link rel="stylesheet" type="text/css" href="css/car.css">
</head>

<body>
<header class="jd_topbar">
    <!-- 返回按钮 -->
    <a href="index.html" class="icon_back"></a>
    <a href="#" class="icon_menu"></a>
    <h2>购物车</h2>
</header>
<!-- 安全提示 -->
<div class="jd_safeTip">
    <p>您正在安全的购物环境中购物请放心购物</p>
</div>
<!-- 店铺区块 -->
<div class="jd_shop">
    <section>
        <!-- 头部 -->
        <div class="jd_shop_tit">
            <div class="tit_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="tit_name">
                <img src="images/buy-logo.png" class="imglogo"/>
                <span class="name">
    				京东自营
    			</span>
                <span class="tip">享受79元免运费</span>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 店铺区块 -->
    <section>
        <!-- 头部 -->
        <div class="jd_shop_tit">
            <div class="tit_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="tit_name">
                <img src="images/buy-logo.png" class="imglogo"/>
                <span class="name">
    				京东自营
    			</span>
                <span class="tip">享受79元免运费</span>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;3000</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>

        <!-- 头部 -->
        <div class="jd_shop_tit">
            <div class="tit_check">
                <div class="jd_check_box"></div>
            </div>
            <div class="tit_name">
                <img src="images/buy-logo.png" class="imglogo"/>
                <span class="name">
    				京东自营
    			</span>
                <span class="tip">享受79元免运费</span>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;1.33</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 商品区块 -->
        <div class="jd_shop_con">
            <div class="con_check">
                <div class="jd_check_box">
                </div>
            </div>
            <div class="con_product clearfix">
                <a href="" class="con_product_img"><img src="images/detail01.jpg" alt=""></a>
                <div class="con_product_box">
                    <a href="" class="name">
                        华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待颜色：金色尺码：移动联通电信4G

                    </a>
                    <p class="price">&yen;8.66</p>
                    <div class="option clearfix">
                        <div class="change_box">
                            <span class="change_box_left">-</span>
                            <input type="tel"/>
                            <span class="change_box_right">+</span>
                        </div>
                        <div class="delete_box">
                            <div class="delete_box_top"></div>
                            <div class="delete_box_bom"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


</div>
<!-- 订单金额 -->
<div class="jd_amount">
    <div class="amount_check">
        <div class="jd_check_box">

        </div>
        <span class="qx">全选</span>
        <div class="amount_info">
            <p class="sum">
                合计:&yen;0.00
            </p>
            <p class="other">
                总额:&yen;0.00 返现:&yen;0.00
            </p>
        </div>
        <a href="" class="amount_submit">去结算(<span>0</span>)</a>
    </div>
</div>

<div class="jd_win" style="display: none;">
    <div class="jd_win_box">
        <div class="jd_win-box_con">
            确认要删除这个商品吗？
        </div>
        <div class="jd_win_box_btn clearfix">
            <a href="javascript:;" class="cancle">取消</a>
            <a href="javascript:;" class="submit">确定</a>
        </div>
    </div>
</div>
<script src="js/car.js"></script>
<script src="js/check.js"></script>

</body>

</html>
